<base
	href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/" />

<%@ include file="/WEB-INF/view/include.jsp"%>

<script>
	function handler(){
		$.fancybox.close();
	}
	jQuery(document).ready(function() {
		EmployeeSelectGrid.init("listemployee", "pager", handler);
		EmployeeSelectGrid.defineFieldMapping("empId", "EMPLOYEE ID", "empIdMap", true);
		EmployeeSelectGrid.defineFieldMapping("empNameEn", "EMPLOYEE NAME EN", "empNameEnMap", true);
		EmployeeSelectGrid.defineFieldMapping("empNameAr", "EMPLOYEE NAME AR", "empNameArMap", true);
		EmployeeSelectGrid.defineFieldMapping("empStatus", "EMPLOYEE STATUS", "empStatusMap", true);
		EmployeeSelectGrid.defineFieldMapping("empPermitNo", "EMPLOYEE PERMIT NO", "empPermitNoMap", true);
		EmployeeSelectGrid.defineFieldMapping("empIssueDate", "EMPLOYEE ISSUE DATE", "empIssueDateMap", true);
		EmployeeSelectGrid.defineFieldMapping("empExpDate", "EMPLOYEE EXP DATE", "empExpDateMap", true);
		EmployeeSelectGrid.defineFieldMapping("empPostNo", "EMPLOYEE POST NO", "empPostNoMap", true);
		EmployeeSelectGrid.defineFieldMapping("empNationality", "EMPLOYEE NATIONALITY", "empNationalityMap", true);
		EmployeeSelectGrid.defineFieldMapping("empCECNo", "EMPLOYEE CEC NO", "empCECNoMap", true);
	});
	function openInGrid(){
		$.fancybox('<div id="gridWrapper" style="width:600"><div id="TasksGrid"><table id="listemployee"></table><div id="pager"></div></div></div>');
		EmployeeSelectGrid.drawGrid();
	}
</script>

<button onclick="openInGrid()">showgrid</button><br/>

EmpId<input type="text" id="empIdMap"/><br/>
EnName<input type="text" id="empNameEnMap"/><br/>
ArName<input type="text" id="empNameArMap"/><br/>
StatusMap<input type="text" id="empStatusMap"/><br/>
PermitNo<input type="text" id="empPermitNoMap"/><br/>
IssueDate<input type="text" id="empIssueDateMap"/><br/>
ExpDate<input type="text" id="empExpDateMap"/><br/>
PostNo<input type="text" id="empPostNoMap"/><br/>
Nationality<input type="text" id="empNationalityMap"/><br/>
CECNo<input type="text" id="empCECNoMap"/><br/>